<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<button id="btnA">点我A</button>
		<button id="btnB" onclick="funB()">点我B</button>
		<button id="btnC">点我C</button>
		<script>
			//事件派发   	把一个元素上的事件传给另一元素
			//即使btnA被删除了 btnB委托的事件也还继续存在
			
			//onclick 和 addEventListener('click'); 一样
			var btnA = document.getElementById('btnA');
			var btnB = document.getElementById('btnB');
			
			//给按钮a加点事件
			btnA.addEventListener('click', function () {
				console.log('aaaaaa');
			});


		function funB(){
			//创建事件
			var Event = document.createEvent('Events');
			//初始化事件
			Event.initEvent('click',true,true);
			//从btnA身上的click事件派发到新的元素上
			btnA.dispatchEvent(Event);
		
		}
		
		
		
		
		var btnC = document.getElementById('btnC');
		
		function funC() {
			var e = new Event('click',{'bubbles':true,'cancelable':false,});
			btnA.dispatchEvent(e);
		}
		
		
		btnC.addEventListener('click',funC);
		</script>
	</body>
</html>
